﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="BookClubIt.bookclub_default" MasterPageFile="~/Master/BookClub.Master" Title="" %>
<%@ Register TagPrefix="uc" TagName="clubnav" Src="~/UserControls/clubmenu.ascx"  %>
<%@ Register TagPrefix="uc" TagName="leaderbox" Src="~/UserControls/leaderbox.ascx"  %>
<%@ Register TagPrefix="uc" TagName="joinbox" Src="~/UserControls/joinbox.ascx"  %>
<%@ Register TagPrefix="uc" TagName="currentbook" Src="~/UserControls/currentbook.ascx"  %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
<script type="text/javascript">
$(document).ready(function () {
    $('#calendar').datepicker({
        inline: true,
        firstDay: 1,
        showOtherMonths: true,
        dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    });
});
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
<asp:HiddenField ID="hdnBid" runat="server" />
<div class="row">
<div class="left-nav">
<uc:clubnav id="clubnav"  runat="server" />
</div>

<div class="content">


<h1><small><asp:Label ID="lblClubName" runat="server" /> Home</small></h1>
<table width="100%" cellpadding="0" cellspacing="0" class="club-details">
<tr>
<td class="labeldesc">Created</td><td><asp:Label ID="lblCreatedDate" runat="server"></asp:Label></td>
</tr><tr>
<td class="labeldesc">Type</td><td><asp:Label ID="lblClubType" runat="server" /></td>
</tr><tr>
<td class="labeldesc">Members</td><td><asp:Label ID="lblMemberCountTop" runat="server" /></td>
</tr><tr>
<td class="labeldesc">Genre</td><td><asp:Label ID="lblClubGenre" runat="server" /></td>
</tr>
<tr>
<td class="labeldesc">Description</td><td><asp:Label ID="lblDescription" runat="server"></asp:Label></td>
</tr>
<tr>
<td class="labeldesc">Rules</td><td><asp:Label ID="lblRules" runat="server"></asp:Label></td>
</tr>
<tr>
<td class="labeldesc">Website</td><td><asp:Label ID="lblWebsite" runat="server"></asp:Label></td>
</tr>
</table>

<div class="section">
<h2><small>Activity Feed</small></h2>

<asp:GridView ID="grdActivityGrid"
 OnRowDataBound="grdActivityGrid_OnRowDataBound"
  runat="server"
   AutoGenerateColumns="false"
    AlternatingRowStyle-CssClass="alt"
     CssClass="table activity-feed"
     GridLines="None"
      ShowHeader="false">
<Columns>


    <asp:TemplateField ItemStyle-CssClass="avatar">
           <ItemTemplate>
           <asp:Image ID="imgMemberAvatar" runat="server" Width="30px" Height="30px" />
           </ItemTemplate>
      </asp:TemplateField>

          <asp:TemplateField>
           <ItemTemplate>
              <strong><asp:HyperLink ID="lnkMember" runat="server" /></strong> <asp:Label ID="lblTypeAction" runat="server" />

              <label><asp:Label ID="lblActionDate" runat="server" /></label>
           </ItemTemplate>
      </asp:TemplateField>
</Columns>
</asp:GridView>


</div>

<div class="section">
<h2><small>Members (<asp:label ID="lblMemberCount" runat="server" />)</small></h2>
<div class="member-list row">
<asp:Repeater ID="rptMemberList" runat="server">
<ItemTemplate>
  <div class="member">
       <a href="../member.aspx?uid=<%# DataBinder.Eval(Container.DataItem, "Id")%>"><img src="../avatars/<%# FormatAvatar(Container.DataItem)%>" height="50px" width="50px" alt="<%# DataBinder.Eval(Container.DataItem, "Username")%>" />
     <strong><%# DataBinder.Eval(Container.DataItem, "Username")%></strong></a>
</div>  
</ItemTemplate>
</asp:Repeater>
<div class="member">
<a href=""><asp:Image ID="imgViewAll" runat="server" ImageUrl="~/images/view_all.png" /></a>
</div>
</div>

</div>

<div class="section">
<h2><small>Discussions</small></h2>
<asp:Panel ID="pnlNoDiscussions" runat="server" CssClass="alert" Visible="false">
<h5>There are no discussons</h5>
<p>To start a discussion create a topic for the book you are currently reading. If you are not currently reading a book, choose a book from your book shelf to read.</p>
</asp:Panel>
<asp:Label ID="lblNoDiscussions" runat="server" Visible="false" />
<asp:GridView ID="grdDiscussionTopics"
 OnRowDataBound="grdDiscussionTopics_OnRowDataBound"
  runat="server"
   AutoGenerateColumns="false"
    AlternatingRowStyle-CssClass="alt"
     CssClass="table table-striped discussion-topics"
     GridLines="None">
<Columns>


    <asp:TemplateField HeaderStyle-CssClass="main-link" ItemStyle-CssClass="main-link">
           <HeaderTemplate >
             Topic
           </HeaderTemplate>
           <ItemTemplate>
           <asp:HyperLink ID="lnkTopic" runat="server" />
           
           </ItemTemplate>
      </asp:TemplateField>

          <asp:TemplateField>
           <HeaderTemplate>
                Posts
           </HeaderTemplate>
           <ItemTemplate>
            <asp:Label ID="lblPostCount" runat="server" />
           </ItemTemplate>
      </asp:TemplateField>

        <asp:TemplateField>
           <HeaderTemplate>
                About
           </HeaderTemplate>
           <ItemTemplate>
          <asp:Label ID="lblPostAbout" runat="server" />
           </ItemTemplate>
      </asp:TemplateField>

        <asp:TemplateField>
           <HeaderTemplate>
                Last Activity
           </HeaderTemplate>
           <ItemTemplate>
          <asp:Label ID="lblRecentActivity" runat="server" /> <asp:HyperLink ID="lnkLatestCommentMember" runat="server" />
           </ItemTemplate>
      </asp:TemplateField>

</Columns>
</asp:GridView>

</div>
</div>

<div class="right-sidebar">

<uc:joinbox id="joinbox"  runat="server" />

<uc:currentbook id="currentbook"  runat="server" />

 <script type="text/javascript"><!--
     google_ad_client = "ca-pub-1776925204000985";
     /* bci_250_right */
     google_ad_slot = "4159600899";
     google_ad_width = 250;
     google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

 <uc:leaderbox id="leaderbox"  runat="server" />

<h2><small>Meetings</small></h2>

<asp:Panel ID="pnlNoMeetings" runat="server" CssClass="alert" Visible="false">
<h4>There are no meetings</h4>
<p>Currently, there are no meetings for this book club.</p>
</asp:Panel>


<asp:Repeater ID="rptMeetingList" runat="server" OnItemDataBound="rptMeetingList_OnItemDataBound">
  <HeaderTemplate>
  <div class="meeting">
    </HeaderTemplate>
    <ItemTemplate>
<asp:HyperLink ID="lnkMeetingLink" runat="server" />
    </ItemTemplate>
    <FooterTemplate>
  </div>
    </FooterTemplate>
</asp:Repeater>


</div>
</div>
</asp:Content>